@import "./global/colors.css";

:root {
	--ep-default-icon-color: #82878c;
}

#ep-ab-icon {
	background-image: url("");
	background-position: 0 6px;
	background-repeat: no-repeat;
	background-size: 20px;
	float: left;
	height: 30px;
	width: 26px;
}

#wpadminbar {

	& .ep-status-indicator {
		background-color: var(--ep-default-icon-color);
		border-radius: 100%;
		display: inline-block;
		height: 10px;
		margin-right: 6px;
		width: 10px;
	}
	
	& .ep-status-indicator--success {
		background-color: var(--ep-status-ok);
	}
	
	& .ep-status-indicator--warning {
		background-color: var(--ep-status-warning);
	}
	
	& .ep-status-indicator--error {
		background-color: var(--ep-status-error);
	}
}

#wp-admin-bar-ep-basic-status .ab-item {
	height: auto !important;
}

#wp-admin-bar-ep-basic-status-summary {

	& ul {
		padding-left: 1.5em;

		&,
		& li {
			list-style: disc;
		}
	}

	& a {
		font-weight: 700;
	}
}
